<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="basePath" value="${pageContext.request.contextPath}" />
<html>
	<head>
		<title>进度查看</title>
		<meta http-equiv="content-Type" content="text/html;charset=UTF-8">
		<style>
		table.bolck {
			width: 100%;
			height:250;
			margin: 0px auto;
			font: Georgia 11px;
			font-size: 12px;
			color: #333333;
			text-align: center;
			border-collapse: collapse; /*细线表格代码*/
		}
		
		 body {
			background-image: url(../images/background_buttom.gif);
		}
		
		table.table1 td {
			border: 0px solid #999; /*细线表格线条颜色*/
			height: 22px;
			font-size: 12px;
		}
		</style>
		<script type="text/javascript">
		<!--
		function selectAll()
		{
			if(this.checked==true) { 
				checkAll('test'); 
			} 
			else { 
				clearAll('test'); 
			}
		}
		function checkAll(name)
		{
			var el = document.getElementsByTagName('input');
			var len = el.length;
			for(var i=0; i<len; i++)
			{
				if((el[i].type=="checkbox") && (el[i].name==name))
				{
					el[i].checked = true;
				}
			}
		}
		function clearAll(name)
		{
			var el = document.getElementsByTagName('input');
			var len = el.length;
			for(var i=0; i<len; i++)
			{
				if((el[i].type=="checkbox") && (el[i].name==name))
				{
					el[i].checked = false;
				}
			}
		}
		-->
		</script>
	</head>
	<body>
		<TABLE class="table1" border=0 cellSpacing=1 cellPadding=4
			width="100%" align=center>
			<TR align="left">
				<td>
					<IMG src="${basePath }/tabs/images/home.gif">
					您的位置：项目管理&gt;&gt;进度管理&gt;&gt;进度查看
				</TD>
			</TR>
		</TABLE>
		<br />
		<table width="80%" align="center">
			<tr>
				<td valign="top">
					<table border="1" class="bolck">
						<thead>
							<tr>
								<th>
									&nbsp;

								</th>
								<th>
									级别
								</th>
								<th>
									计划名称
								</th>
								<th>
									开始时间
								</th>
								<th>
									结束时间
								</th>
								<th>
									实际开始时间
								</th>
								<th>
									实际结束时间
								</th>
								<th>
									操作
								</th>
							</tr>
						</thead>
						<tbody id="tab" align="left">
							<tr>
								<td class="cb">
									<input type="checkbox" value="a" name="test" />
								</td>

								<td class="order_number">
									1
								</td>
								<td>
									需求获取
								</td>
								<td>
									2012年3月15日
								</td>
								<td>
									2012年3月20日
								</td>
								<td>
									2012年3月15日
								</td>
								<td>
									2012年3月22日
								</td>
								<td>
									<a href="#">修改</a>|
									<a href="#">删除</a>
								</td>
							</tr>
							<tr align="left">
								<td class="cb">
									<input type="checkbox" value="a" name="test" />
								</td>
								<td class="order_number">
									4
								</td>
								<td>
									需求分析
								</td>
								<td>
									2012年3月20日
								</td>
								<td>
									2012年3月25日
								</td>
								<td>
									2012年3月22日
								</td>
								<td>
									2012年3月29日
								</td>
								<td>
									<a href="#">修改</a>|
									<a href="#">删除</a>
								</td>
							</tr>
							<tr align="left">
								<td class="cb">
									<input type="checkbox" value="a" name="test" />
								</td>
								<td class="order_number">
									5
								</td>
								<td>
									系统设计
								</td>
								<td>
									2012年3月25日
								</td>
								<td>
									2012年3月27日
								</td>
								<td>
									2012年3月29日
								</td>
								<td>
									2012年4月1日
								</td>
								<td>
									<a href="#">修改</a>|
									<a href="#">删除</a>
								</td>
							</tr>
							<tr align="left">
								<td class="cb">
									<input type="checkbox" value="a" name="test" />
								</td>
								<td class="order_number">
									6
								</td>
								<td>
									设计评审
								</td>
								<td>
									2012年3月27日
								</td>
								<td>
									2012年3月29日
								</td>
								<td>
									2012年4月4日
								</td>
								<td>
									2012年4月8日
								</td>
								<td>
									<a href="#">修改</a>|
									<a href="#">删除</a>
								</td>
							</tr>
							<tr align="left">
								<td class="cb">
									<input type="checkbox" value="a" name="test" />
								</td>
								<td class="order_number">
									7
								</td>
								<td>
									设计实现
								</td>
								<td>
									2012年3月29日
								</td>
								<td>
									2012年4月7日
								</td>
								<td>
									2012年3月29日
								</td>
								<td>
									2012年4月7日
								</td>
								<td>
									<a href="#">修改</a>|
									<a href="#">删除</a>
								</td>
							</tr>
							<tr align="left">
								<td class="cb">
									<input type="checkbox" value="a" name="test" />
								</td>
								<td class="order_number">
									8
								</td>
								<td>
									测试
								</td>
								<td>
									2012年4月7日
								</td>
								<td>
									2012年4月10日
								</td>
								<td>
									2012年4月9日
								</td>
								<td>
									2012年4月10日
								</td>
								<td>
									<a href="#">修改</a>|
									<a href="#">删除</a>
								</td>
							</tr>
							<tr>
								<td colspan="8">
									<a href="../scheduleManagement/schedule_management.jsp"
										target="main"> <input type="button" value="返回"
											class="type" style="width: 50px" /> </a>
								</td>
							</tr>
						</tbody>
					</table>
				</td>
				<td valign="top">
					<table border="1" width="473">
						<tr>
							<td align="left">
								<img src="images/DisplayChart.png" width="470" height="240">
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
		<script type="text/javascript">
		<!--
		var Ptr=document.getElementById("tab").getElementsByTagName("tr");
		function $() {
		    for (i=1;i<Ptr.length+1;i++) { 
		    Ptr[i-1].style.backgroundColor = (i%2>0)?"#fff":"#eee"; 
		    }
		}
		window.onload=$;
		for(var i=0;i<Ptr.length;i++) {
		    Ptr[i].onmouseover=function(){
		    this.tmpClass=this.className;
		    this.style.backgroundColor = "#ccc";
		    
		    };
		    Ptr[i].onmouseout=function(){
		    for (i=1;i<Ptr.length+1;i++) { 
		    Ptr[i-1].style.backgroundColor = (i%2>0)?"#eee":"#fff"; 
		    }
			}
		}
		//-->
		</script>
	</body>
</html>











